/* 1. 通用基础重置 */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;

  /* 去除移动端点击高亮 */
  -webkit-tap-highlight-color: transparent;
}

/* 2. HTML 和 Body */
html, body {
  height: 100%;
  width: 100%;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.5;
  background-color: #fff;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* 禁止选择文字 */
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;

  /* 禁止页面缩放（仅移动端可选） */
  touch-action: manipulation;
  overscroll-behavior: none;
}

/* 3. 表单重置 */
input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  appearance: none;

  /* 禁止选中 */
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* 4. 去除列表样式 */
ul, ol {
  list-style: none;
}

/* 5. 链接重置 */
a {
  text-decoration: none;
  color: inherit;
}

/* 6. 图片与视频 */
img,
video {
  max-width: 100%;
  height: auto;
  display: block;
  border: 0;

  /* 禁止选中 */
  user-select: none;
  -webkit-user-drag: none;

  /* 禁止图片拖拽,添加一下属性会导致图片无法触发点击事件 */

  /* pointer-events: none; */
}

/* 7. 表格 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 8. 按钮 */
button {
  background: none;
  border: none;
  cursor: pointer;
}

/* 9. 语义标签显示为块 */
article, aside, footer, header, nav, section, main, figure {
  display: block;
}

/* 10. 引用标签重置 */
blockquote, q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: none;
}

/* Chrome、Safari、Edge */
*::-webkit-scrollbar {
  display: none;
}

/* Firefox */
* {
  scrollbar-width: none;           /* 隐藏滚动条 */
  -ms-overflow-style: none;        /* IE 10+ 隐藏滚动条 */
}

#app {
  height: 100%;
  width: 100%;
}

/* 页面过渡动画 */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

/* 这是正确的注释格式 */
